article, aside, dialog, footer, header, main, section, nav, figure, menu { display: block; } * { margin: 0px; padding: 0px; } html { font-size: 62.5%; height: 100%; } body { width: 100%; overflow-x: hidden; font-family: "微软雅黑"; font-size: 14px; font-size: 1.4rem; color: #333; max-width: 1920px; margin: 0 auto; } a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } a:hover { color: #369be9; } ol, ul, li { list-style: none; } img { max-width: 100%; border: 0px solid #ccc; } table, embed, video { max-width: 100%; } input, textarea { border: none; background: none; font-family: "微软雅黑"; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input:focus, textarea:focus { outline: none; } textarea { resize: none; } button { border: none; background: none; cursor: pointer; } em, i { font-style: normal; } /* .c-xx start */ .c-fl { float: left; } .c-fr { float: right; } .c-cb { clear: both; } .c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .c-oh { overflow: hidden; } .c-wd { width: 1200px; } .c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .c-pr { position: relative; } .c-mt-5 { margin-top: 5px; } .c-mt-10 { margin-top: 10px; } .c-mt-15 { margin-top: 15px; } .c-mt-20 { margin-top: 20px; } .c-mt-25 { margin-top: 25px; } .c-mt-30 { margin-top: 30px; } .c-mt-35 { margin-top: 35px; } .c-mt-40 { margin-top: 40px; } .c-mt-45 { margin-top: 45px; } .c-mt-50 { margin-top: 50px; } .c-nomt { margin-top: 0 !important; } .c-nomr { margin-right: 0 !important; } .c-nomb { margin-bottom: 0 !important; } .c-noml { margin-left: 0 !important; } .c-nofont { line-height: 0; font-size: 0; } .c-nobg { background: none !important; } /* .c-xx end */ /* .f-xx start */ .f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; } @media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } } @media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } } @media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /* .f-xx end */ .l { float: left; } .r { float: right; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .box { width: 100%; position: relative; max-width: 1920px; margin: 0 auto; } .mln { margin-left: 0 !important; } .clear { clear: both; } .wp { width: 1200px; margin: auto; } @media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } } @media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } } @media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } } @media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; } .m-tt2 { font-size: 20px !important; font-size: 2rem !important; } .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; } .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; } .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; } [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; } [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-modal { display: none; } } /* .m-xx end */ /* .j-xx start */ .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; } .j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } .j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } /* .j-xx end */ [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; } [class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } [class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } [class*="-item"] .item-title { overflow: hidden; } [class*="-item"] .item-title a:hover { color: #369be9; } [class*="-item"] .item-desc { overflow: hidden; } [class*="-item"] .item-desc a { display: block; } [class*="-item"] .item-desc a:hover { color: #369be9; } .m-crm { padding-top: 16px; padding-bottom: 57px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; border-top: 1px solid #cccccc; } .m-crm p { text-transform: uppercase; padding-left: 30px; background: url(../images/home.png) no-repeat left center; } .m-crm a { color: #333; } .m-crm a:hover { color: #369be9; } .m-crm a.active { color: #369be9; } .m-page { margin-bottom: 100px; letter-spacing: 0; font-size: 0; text-align: center; } .m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #eeeeee; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .m-page a.big { width: 61px; } .m-page a.no:hover{color: #333 !important; border:1px solid #e5e5e5 !important; background-color: #eee !important;} .m-page a:hover { color: white; border-color: #369be9; background-color: #369be9; } .m-page a.active { color: white; border-color: #369be9; background-color: #369be9; } .m-page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; } .m-page img { display: inline-block; position: relative; top: 2px; margin-left: 10px; margin-right: 5px; } .m-page .ins { margin-left: 4px; width: 167px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #369be9; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; } .m-page2 { position: relative; } .m-page>.add{ width: 210px\0 !important ; } @media screen and (max-width: 767px) { .m-crm { padding-bottom: 20px; } .m-page { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .m-page img { display: none; } } .m-kf { position: fixed; z-index: 10; right: 0px; top: 30%; } .m-kf .kf-item { display: block; line-height: 0; font-size: 0; margin-bottom: 1px;background: #34b3ae; } .m-kf .kf-item:hover { background-color: #369be9; } .m-kf .kf-item.active { background-color: #369be9; } .m-kf .kf-item .img-responsive { position: absolute; top: 0px; right: 100%; max-width: 200px; width: 500%; } .m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 90px; } @media screen and (max-width: 767px) { .m-kf .kf-item .img-responsive { top: -151%; right: 0px; width: 80px; height: 80px; } .m-kf {background: #34b3ae; right: 0; top: auto; bottom: -1px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #369be9; } .m-kf .kf-item { width: 33.33%; text-align: center; background-color: #34b3ae; max-height: 60px; } .m-kf .kf-wx { bottom: 100%; left: 0; } .m-kf .kf-item img{width: 60px; } } .returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 72px; height: 72px; background: url("../images/gotop.png") no-repeat center; line-height: 0; font-size: 0; display: none; z-index: 999999999; } @media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; background-size: contain; } } .wap-hd-nav { display: none; } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .wap-nav .nav span { font-family: "微软雅黑"; } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; } .wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; } .wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; } .wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; } .wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; } .wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; } .wap-nav .nav > ul > li .c-show { display: none; width: 100%; } .wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .nav > ul > dl { padding: 20px; } .wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; display: none\0; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #369be9; } .wap-nav, .menubtn { display: none; } @media screen and (max-width: 959px) { .wap-nav, .menubtn { display: block; } .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #369be9; } .wap-hd-nav-item { width: 25%; } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; } .wap-hd-nav-item a.active { color: white; background-color: #369be9; } } .m-hdlang { position: relative; height: 40px; display: inline-block; } .m-hdlang .lang-click { position: relative; display: block; width: 80px; height: 40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; color: #fff; } .m-hdlang .lang-click:before { content: ""; position: absolute; right: 0; width: 15px; height: 100%; background: url("../images/lang2.png") no-repeat center; } .m-hdlang .lang-list { position: absolute; display: none; top: 100%; left: 0; width: 100%; padding: 10px 0; background-color: #f8f7f7; border: 1px solid #fff; z-index: 99; } .m-hdlang .list-item { padding: 1px 5px; } .m-hdlang .list-item a { display: block; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #666; text-align: center; } .m-hdlang .list-item a:hover { color: #fff; background-color: #369be9; } .m-hdlang .list-item a.active { color: #fff; background-color: #369be9; } /* header_top */ .header_top { background: #333333; } .header_top .wp { position: relative; } .header_top .header_form { margin-top: 6px; width: 271px; height: 30px; line-height: 30px; -moz-border-radius: 50px; border-radius: 50px; position: relative; border: 1px solid #fff; margin-right: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header_top .header_form .tex { background: transparent; -moz-border-radius: 50px; border-radius: 50px; text-indent: 15px; width: 100%; height: 30px; line-height: 30px; display: inline-block; color: #fff ; font-size: 14px; font-size: 1.4rem; } .header_top .header_form #tex{ color: #fff; } .header_top .header_form .sub { position: absolute; top: 0px; right: 0px; height: 30px; width: 29px; font-size: 0px; cursor: pointer; z-index: 99; background: url(../images/sousuo.png) no-repeat left 0px; } .header_top p { line-height: 40px; } .header_top p span { color: #fff; padding-left: 30px; background: url(../images/tel.png) no-repeat left center; margin-right: 73px; } .header_top p a { color: #fff; padding-left: 30px; background: url(../images/email.png) no-repeat left center; } /* header */ .header .wp { position: relative; } .header .logo { margin-top: 24px; width: 247px; } .header .logo img { display: block; max-width: 247px; max-height: 67px; width: 100%; margin: 0 auto; } .header_ul1 { padding-top: 30px; } .header_ul1 > li { float: left; margin-left: 40px; margin-right: 0px; position: relative; padding-bottom: 24px; } .header_ul1 > li:hover .dan_header { display: block; } .header_ul1 > li:hover .dan_header2 { display: block; } .header_ul1 > li:hover .dan_header3 { display: block; } .header_ul1 > li > a { color: #333; line-height: 38px; display: block; border-bottom: 2px solid transparent; font-size: 16px; font-size: 1.6rem; padding-bottom: 22px; } .header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #369be9; border-color: #369be9; } .dan_header { padding: 10px 0px; display: none; width: 200px; position: absolute; left: 0px; top: 100%; background: #fff; z-index: 999999; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); } .dan_header > ul > li { line-height: 36px; padding-left: 23px; position: relative; left: 0px; } .dan_header > ul > li > a { position: relative; color: #666666; line-height: 25px; display: block; padding-bottom: 6px;padding-top: 5px;} .dan_header > ul > li:hover{background: #369be9;color: #fff; } .dan_header > ul > li:hover > a {color: #fff; } .dan_header > ul > li:hover .dan_sanheader { display: block; } .dan_header3 { padding: 10px 0px; display: none; width: 200px; position: absolute; right: 0px; top: 100%; background: #fff; z-index: 999999; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); } .dan_header3 > ul > li { line-height: 36px; padding-left: 23px; position: relative; left: 0px; } .dan_header3 > ul > li > a { position: relative; color: #666666; line-height: 36px; display: block; } .dan_header3 > ul > li:hover > a { color: #369be9; } .dan_header3 > ul > li:hover .dan_sanheader { display: block; } .dan_sanheader { display: none; width: 200px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 999999; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); } .dan_sanheader > ul { background: #fff; } .dan_sanheader > ul > li { line-height: 36px; padding-left: 23px; position: relative; } .dan_sanheader > ul > li > a { color: #666666; line-height: 36px; display: block; } .dan_sanheader > ul > li:hover > a { color: #369be9; } .dan_header2 { padding: 0px; background: #fff; border: 1px solid #cccccc; display: none; width: 256px; position: absolute; left: -10px; top: 100%; z-index: 9999999999999999999999999999999999999999; } .dan_header2 > ul > li { line-height: 48px; padding-left: 0px; border-top: 1px solid #cccccc; position: relative; left: 0px; } .dan_header2 > ul > li:first-child { border-top: 0px; } .dan_header2 > ul > li > a { padding-left: 23px; position: relative; color: #333333; line-height: 25px; display: block;padding-bottom:12px;padding-top: 11px; } .dan_header2 > ul > li:hover > a { background: #369be9; color: #fff; } .dan_header2 > ul > li:hover .dan_sanheader2 { display: block; } .dan_header2 .dan_sanheader2 { background: transparent; display: none; width: 295px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 9999999999999999999999999999999999999999; } .dan_header2 .dan_sanheader2 > ul { padding: 10px 0px; background: #fff; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.22); } .dan_header2 .dan_sanheader2 > ul > li { line-height: 36px; position: relative; padding-left: 0px; } .dan_header2 .dan_sanheader2 > ul > li > a { padding-left: 23px; color: #333333; line-height: 25px; display: block;padding-bottom: 6px;padding-top: 5px; } .dan_header2 .dan_sanheader2 > ul > li:hover{background:#369be9; color: #fff;} .dan_header2 .dan_sanheader2 > ul > li:hover > a {color: #fff; } .dan_header.dan_header32{ right: 0px; left: auto; } @media screen and (max-width: 1219px) { .header_ul1 > li { margin-left: 28px; margin-right: 0px; } .dan_header { display: none !important; } .dan_header2 { display: none !important; } .dan_header3 { display: none !important; } } @media screen and (max-width: 999px) { .header { position: relative; } .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 959px) { .header_top p { display: none; } .header_top .header_form { float: left; margin-right: 0px; width: 52%; } .m-hdlang { float: left; margin-right: 20px; } .header_right { display: none; } .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 200px; margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .slide .carousel-control { display: none; } } /* footer */ .footer { background: url(../images/footer.png) repeat-y center top; padding-top: 50px; padding-bottom: 42px; } .footer a:hover { color: #fff; } .footer .title { font-size: 24px; font-size: 2.4rem; color: #eeeeee; line-height: 30px; text-transform: uppercase; } .footer .title a { color: #eeeeee; } .footer_left { float: left; width: 224px; } .footer_center { float: left; margin-left: 152px; width: 340px; } .footer_right { float: right; width: 355px; } .ftx_ul { margin-top: 24px; } .ftx_ul li { line-height: 30px; color: #eeeeee; } .ftx_ul li a { color: #eeeeee; } .footer_right p { color: #eeeeee; line-height: 30px; margin-top: 12px; } .footer_right p a { display: inline-block; color: #eeeeee; } .footer_right .cnzz { margin-left: 5px; } .ftx_ul2 { margin-top: 24px; } .ftx_ul2 li { line-height: 30px; color: #eeeeee; } .ftx_ul2 li a { color: #eeeeee; position: relative; left: 0px; } .footer .shejiao { padding-top: 39px; } .footer .shejiao a { display: block; margin-left: 24px; float: left; } .shejiao a img { -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; } .shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .footer_bot { margin-top: 0px; border-top: 1px solid #fff; color: #eeeeee; margin-top: 14px; } .Links { line-height: 58px; } .Links a { display: inline-block; padding-right: 15px; color: #eeeeee; } @media screen and (max-width: 1219px) { .footer_center { float: left; width: 303px; margin-left: 20px; } } @media screen and (max-width: 999px) { .footer_left { width: 40%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer_center { width: 60%; float: right; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer_right { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; } } @media screen and (max-width: 768px) { .footer { padding-top: 0px; padding-bottom: 100px; } .footer_left { display: none; } .footer_center { display: none; } .footer_right { padding-left: 0px; background: none; } .Links { display: none; } .footer_bot { display: none; } } .m1tit { font-size: 40px; font-size: 4rem; line-height: 40px; text-transform: uppercase; font-weight: bold; padding-top: 60px; } .m1tit span { color: #369be9; } @media screen and (max-width: 999px) { .m1tit { font-size: 30px; font-size: 3rem; line-height: 30px; padding-top: 40px; } } @media screen and (max-width: 768px) { .m1tit { font-size: 24px; font-size: 2.4rem; padding-top: 30px; } } /*==========main1==================*/ .main1 .m1tit { text-align: center; } .main1 .ul_m1 { padding-top: 74px; } .main1 .ul_m1 li { float: left; width: 306px; margin-left: 127px; } .main1 .ul_m1 li:hover .fu { top: 0px; } .main1 .ul_m1 li:hover a { color: #369be9; } .main1 .ul_m1 a { display: block; margin: 0 auto; } .main1 .ul_m1 img { display: block; margin: 0 auto; -moz-border-radius: 50%; border-radius: 50%; } .main1 .ul_m1 .img { border: 15px solid #fff; } .main1 .ul_m1 .wrap { position: relative; overflow: hidden; border: 2px solid #369be9; -moz-border-radius: 50%; border-radius: 50%; } .main1 .ul_m1 .fu { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background-size: contain; background: url(../images/pro_cover.png) no-repeat center top; border: 15px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 0.3s all; -moz-border-radius: 50%; border-radius: 50%; } .main1 .ul_m1 .fu img { -moz-border-radius: 0px; border-radius: 0px; margin-bottom: 25px; } .main1 .ul_m1 .fu a { display: table; width: 100%; height: 100%; text-align: center; } .main1 .ul_m1 .fu span { display: table-cell; vertical-align: middle; color: #fff; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; } .main1 .ul_m1 p { margin-top: 20px; text-align: center; } .main1 .ul_m1 p a { display: block; font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1219px) { .main1 .ul_m1 { padding-top: 44px; } .main1 .ul_m1 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } } @media screen and (max-width: 999px) { .main1 .ul_m1 { padding-top: 44px; } .main1 .ul_m1 .fu { top: 0px; position: absolute; opacity: 0; } .main1 .ul_m1 p { margin-top: 10px; } .main1 .ul_m1 p a { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 500px) { .main1 .ul_m1 { padding-top: 0px; } .main1 .ul_m1 li { max-width: 306px; width: 70%; margin: 10px auto !important; float: none; } .main2 {margin-top: 0 !important;}} /*==========main2==================*/ .main2 { background: url(../images/aboutbg.jpg) repeat-y center top; padding-top: 60px; margin-top: 86px; padding-bottom: 107px; } .main2 .m2_l { width: 50.41667%; } .main2 .m2_r { width: 46.75%; } .main2 .m2_r>p a:hover{color: #369be9;} .main2 .m1tit { padding-top: 0px; line-height: 50px; padding-left: 168px; background: url(../images/m1tit.png) no-repeat center left; } .main2 .m1tit span { display: block; } .main2 p { margin-top: 75px; padding-bottom: 57px; } .main2 p a { color: #333333; font-size: 14px; font-size: 1.4rem; line-height: 30px; display: block; max-height: 180px; overflow: hidden;text-indent: 2em; } .main2 .more { display: block; width: 153px; height: 42px; line-height: 42px; border: 1px solid #333; text-align: center; text-transform: uppercase; } @media screen and (max-width: 1219px) { .main2 p { margin-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 999px) { .main2 .m2_l { max-width: 605px; width: 100%; float: none; margin: 0 auto; margin-bottom: 20px; } .main2 .m2_r { width: 100%; float: none; margin: 0 auto; } } @media screen and (max-width: 768px) { .main2 .m1tit { padding-left: 0px; background: none; line-height: 30px; } } /*==========main3==================*/ .main3 { padding: 30px 0px 80px; } .main3 .m1tit { background: url(../images/m1tit2.png) no-repeat 300px 82%; font-family: "微软雅黑"; } .main3 .m1tit a { background: #fff; } .main3 .m1tit .more { font-size: 14px; font-size: 1.4rem; color: #369be9; } .main3 .m3_wrap { margin-top: 61px; } .main3 .m3_l { width: 62.33333%; } .main3 .m3_r { width: 36.16667%; } .main3 .m3_ul li { margin-bottom: 10px; max-width: 368px; width: 49%; } .main3 .wrap { position: relative; overflow: hidden; } .main3 .wrap:hover .fu { top: 0px; } .main3 .wrap a { display: block; } .main3 .wrap img { display: block; margin: 0 auto; } .main3 .fu { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: url(../images/project_cover.png) repeat center top; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 0.5s all; } .main3 .fu img { -moz-border-radius: 0px; border-radius: 0px; margin-top: 25px; display: block; } .main3 .fu a { display: table; width: 100%; height: 100%; text-align: center; } .main3 .fu span { display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 999px) { .main3 { padding-bottom: 50px; } .main3 .m1tit { background: none; } .main3 .m3_wrap { margin-top: 30px; } .main3 .fu { position: relative; padding: 10px 0px; } .main3 .fu a { display: block; } .main3 .fu span { display: block; font-size: 16px; font-size: 1.6rem; } .main3 .fu img { display: none; } } @media screen and (max-width: 648px) { .main3 .m3_l { width: 100%; float: none; margin: 0 auto; } .main3 .m3_r { max-width: 434px; width: 100%; float: none; margin: 0 auto; } .main3 .fu span { font-size: 14px; font-size: 1.4rem; padding: 0px 10px; } } /*==========main4==================*/ .main4 { background: #f3f4f4; padding-bottom: 86px; } .main4 .m1tit { text-align: center; } /********************** news1 *************************/ .m3_tl { width: 127px; height: 127px; border: 1px solid #333333; } .m3_tl span { display: block; width: 100%; text-align: center; color: #333; } .m3_tl .sp1 { font-size: 68px; font-size: 6.8rem; margin-top: 12px; margin-bottom: 5px; line-height: 70px; } .m3_tl .sp2 { font-size: 24px; font-size: 2.4rem; } .m3_tc { max-width: 811px; padding-left: 25px; color: #333; } .m3_tc a { color: #333333; display: block; } .m3_tc:hover a { color: #369be9; } .m3_tc:hover .tit strong { background: #369be9; } .m3_tc .tit { display: block; padding-top: 10px; padding-bottom: 12px; font-size: 18px; font-size: 1.8rem; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .m3_tc .tit strong { display: block; width: 53px; height: 1px; background: #333333; margin-top: 5px; } .m3_tc .p1 { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #555555; max-height: 60px; overflow: hidden; text-indent: 2em;} .m3_tr { width: 204px; height: 129px; position: relative; top: 0px; } .m3_tr img { display: block; width: 100%; max-width: 204px; max-height: 129px; } .m3_tc2 { position: relative; top: -5px; } .main3_top { margin-top: 55px; } @media screen and (max-width: 1219px) { .m3_tc { width: 60%; } } @media screen and (max-width: 979px) { .main3_top { position: relative; } .m3_tl { position: absolute; max-width: 129px; float: none; left: 0; } .m3_tr { position: absolute; float: none; right: 0; z-index: 9; top: 0px; } .m3_tr a { display: block; } .m3_tc { width: 100%; float: none; padding-left: 0; position: relative; padding-top: 124px; } .ms_ye a { margin-bottom: 10px; } } @media screen and (max-width: 600px) { .m3_tr { width: 171px; } .m3_tl .sp1 { font-size: 28px; font-size: 2.8rem; line-height: 40px; } .m3_tl .sp2 { font-size: 20px; font-size: 2rem; } .m3_tl { max-width: 100px; height: 100px; } .main3_top { margin-top: 30px; } } /*==========main5==================*/ .main5 .m1tit { text-align: center; } .main5 .img-scroll { position: relative; width: 100%; margin-top: 63px; } .main5 .img-scroll .prev { position: absolute; display: block; width: 17px; height: 31px; top: 50%; margin-top: -16px; z-index: 9; } .main5 .img-scroll .next { position: absolute; display: block; width: 17px; height: 31px; top: 50%; margin-top: -16px; z-index: 9; } .main5 .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; } .main5 .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; } .main5 .img-scroll .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; } .main5 .img-scroll .next:hover { background: url(../images/arrowrighton.png) no-repeat center; } .main5 .img-list { position: relative; width: 91.6%; overflow: hidden; margin: 0 auto; } .main5 .img-list ul { width: 1000%; } .main5 .img-list li { float: left; width: 10%; margin-right: 35px; } .main5 .img-list li img { display: block; max-width: 188px; max-height: 112px; width: 100%; margin: 0 auto; } .main5 .img-list li .m3lien { max-width: 188px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; float: left; margin-left: 30px; } .dan_top1{ display: none;} .dan_top2{ display: block;} @media screen and (max-width: 1219px) { .main5 .img-list li .m3lien { width: 19%; margin-left: 1%; } } @media screen and (max-width: 999px) { .main5 .img-list { width: 100%; } .main5 .img-list li .m3lien { width: 19%; margin-left: 1%; } } @media screen and (max-width: 768px) { .dan_top1{ display: block;} .dan_top2{ display: none;} .main5 .img-scroll { margin-top: 20px; } .main5 .img-list li { width: 4.5%; margin-right: 1%; } .main5 .img-list li .m3lien { max-width: 100%; width: 100%; margin-left: 0%; margin-top: 20px; } } /*==========main6==================*/ .main6 { background: url(../images/main6.png) no-repeat center bottom; padding-top: 12px; } .main6 .m1tit { text-align: center; } .main6 .m5_p { padding-top: 54px; padding-bottom: 18px; display: block; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main6 .cuxin { max-width: 989px; margin: 0 auto; padding-bottom: 101px; } .main6 .xinl { width: 478px; float: left; } .main6 .xinr { width: 478px; float: right; } .main6 .cuxin .int1 { margin-top: 15px; } .main6 .cuxin .cxing { background: #f8f8f8 ; } .main6 .cuxin .xing input { background: #f8f8f8 url(../images/hxing.png) no-repeat left 0px !important; } .main6 .cuxin .xing textarea { background: #f8f8f8 url(../images/hxing.png) no-repeat left 0px !important; } .main6 .cuxin .int4{ background: #f8f8f8 url(../images/hxing.png) no-repeat left 0px !important; } .main6 .cuxin .int1 input { width: 100%; height: 48px; color: #333; padding-left: 34px; border: 1px solid #eeeeee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 5px; border-radius: 5px; font-size: 16px; font-size: 1.6rem; line-height: 48px; background: #f8f8f8 ; } .main6 .cuxin .int2 { margin-top: 15px; } .main6 .cuxin .int3 { margin-top: 15px; } .main6 .cuxin textarea { width: 100%; height: 108px; -moz-border-radius: 5px; border-radius: 5px; color: #333; padding-left: 30px; font-size: 16px; font-size: 1.6rem; line-height: 49px; border: 1px solid #eeeeee; background: #f8f8f8 ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main6 .cuxin .int1 .int4 { padding-left: 34px; width: 251px; height: 49px; background: #f8f8f8 ; color: #333; border: 1px solid #eeeeee; font-size: 16px; font-size: 1.6rem; line-height: 49px; float: left; } .main6 .cuxin .cuyanzheng { float: right; cursor: pointer; } .main6 .cuxin .int5 { -moz-border-radius: 5px; border-radius: 5px; width: 100%; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; background: #217fc4; float: right; cursor: pointer; font-weight: bold; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; color: #fff; } .main6 .cuxin .int5:hover { color: #fff; background: #ccc; } @media screen and (max-width: 1219px) { .main6 .xinl { width: 400px; } .main6 .xinr { width: 564px; } .main6 .cuxin .int1 .int4 { width: 199px; } } @media screen and (max-width: 999px) { .main6 .xinl { width: 100%; } .main6 .xinr { width: 100%; } .main6 .cuxin .int1 .int4 { width: 50%; } .main6 .m5_p { padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 768px) { .main6 .cuxin .int1 .int4 { width: 100%; float: none; } .main6 .cuxin .cuyanzheng { float: left; margin-top: 15px; } } /*==========about==================*/ .topcat { background: url(../images/bg-about-topcat.png) repeat-x center 56px; text-align: center; margin-bottom: 55px; } .topcat .item { display: inline-block; *display: inline; *zoom: 1; margin-left: 80px; *width: 120px; } .topcat .item:first-child { margin-left: auto; } .topcat .item .img { display: block; width: 117px; height: 117px; -moz-border-radius: 50%; border-radius: 50%; margin: auto; margin-bottom: 17px; } .topcat .item .title { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 24px; text-transform: uppercase; } .topcat .item:hover .title, .topcat .item.on .title { color: #369be9; } .topcat .item.it1 .img { background: url(../images/ab1.png) no-repeat right center; } .topcat .item.it2 .img { background: url(../images/ab2.png) no-repeat right center; } .topcat .item.it3 .img { background: url(../images/ab3.png) no-repeat right center; } .topcat .item.it4 .img { background: url(../images/ab4.png) no-repeat right center; } .topcat .item.it5 .img { background: url(../images/ab5.png) no-repeat right center; } .topcat .item .img:hover, .topcat .item.on .img { background-position: left center; } @media screen and (max-width: 1219px) { .topcat .item { margin-left: 50px; } } @media screen and (max-width: 999px) { .topcat .item { margin-left: 20px; } .topcat .item .title { font-size: 14px; font-size: 1.4rem; line-height: 30px; } } @media screen and (max-width: 768px) { .topcat { background: none; margin-bottom: 30px; } .topcat .item { display: block; float: left; margin-left: 1%; margin-right: 1% !important; width: 31% !important; margin-bottom: 20px; } } @media screen and (max-width: 500px) { .topcat .item { display: block; float: left; margin-left: 1%; margin-right: 1% !important; width: 48% !important; margin-bottom: 20px; } } /*==========ab1_wrap==================*/ .ab1_wrap { padding-bottom: 100px; } .ab1_wrap img { margin-left: 30px; margin-top: 57px; } .ab1_wrap .title { padding-left: 30px; background: url(../images/ab1_wrap.png) no-repeat left 5px; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-transform: uppercase; color: #369be9; } .ab1_wrap .title2 { margin-top: 30px; font-size: 36px; font-size: 3.6rem; line-height: 40px; font-weight: bold; text-transform: uppercase; } .ab1_wrap .title2 b { display: block; height: 3px; width: 181px; background: #333; margin-top: 14px; } .ab1_wrap .fon-3 { margin-top: 30px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; text-indent: 2em;} .ab1_wrap .fon_4 { margin-top: 25px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; text-indent: 2em;} .ab1_wrap .ab_ul1 { margin-top: 45px; } .ab1_wrap .ab_ul1 li { float: left; width: 368px; margin-left: 47px; } .ab1_wrap .ab_ul1 img { display: block; margin: 0 auto; max-width: 368px; max-height: 232px; width: 100%; } @media screen and (max-width: 1219px) { .ab1_wrap .ab_ul1 { margin-top: 20px; } .ab1_wrap .ab_ul1 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } .ab1_wrap img { width: 50%; margin-bottom: 10px; } } @media screen and (max-width: 999px) { .ab1_wrap { padding-bottom: 40px; } .ab1_wrap img { display: block; max-width: 591px; width: 100%; margin: 0 auto; float: none; margin-bottom: 30px; } } @media screen and (max-width: 768px) { .ab1_wrap .fon-3 { margin-top: 10px; } .ab1_wrap .title2 { font-size: 20px; font-size: 2rem; line-height: 30px; margin-top: 10px; } } .about2 { padding: 0px 0px 71px; } .ab_ul3 { padding-bottom: 57px; } .ab_ul3 li { float: left; margin-left: 71px; margin-bottom: 39px; width: 246px; } .ab_ul3 .abtu { position: relative; overflow: hidden; } .ab_ul3 img { display: block; margin: 0 auto; } .ab_ul3 .fangda { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; } .ab_ul3 p { text-align: center; line-height: 30px; margin-top: 8px; } .ab_ul3 .wrap { max-width: 246px; width: 100%; margin: 0 auto; } .ab_ul3 .wrap:hover .fangda { top: 0px; } .ab_ul3 .tittnt_p p { line-height: 16px; line-height: 35px; } @media screen and (max-width: 1219px) { .ab_ul3 li { width: 23%; margin-left: 1% !important; margin-right: 1%; } } @media screen and (max-width: 999px) { .ab_ul3 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } .ab_ul3 .fangda { opacity: 0; top: 0px; } } @media screen and (max-width: 648px) { .ab_ul3 li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 30px; } .ab_ul3 p { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } } .about4 { padding-bottom: 39px; } .ab4_top { padding-bottom: 15px; } .ab4_top .ab4_l { width: 66.41667%; } .ab4_top .ab4_r { width: 32.41667%; } .ab4_top img { display: block; margin: 0 auto; border: 10px solid #e9e9e9; } .ab4_top a { display: block; margin-bottom: 16px; } .ab4_top .titl41 { font-size: 20px; font-size: 2rem; color: #369be9; line-height: 30px; margin-bottom: 16px; margin-top: 12px; } .ab4_top .titl41 a { color: #369be9; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ab4_top .time { font-size: 18px; font-size: 1.8rem; padding-left: 23px; background: url(../images/time.png) no-repeat center left; } .ab4_top p { color: #666666; font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-top: 18px; } .ab4_top p a { color: #666666; display: block; max-height: 60px; overflow: hidden; text-indent: 2em;} @media screen and (max-width: 1219px) { .ab4_top img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 768px) { .ab4_top .ab4_l { max-width: 797px; width: 100%; float: none; margin: 0 auto; } .ab4_top .ab4_r { max-width: 389px; width: 100%; float: none; margin: 0 auto; } } /*==========news2==================*/ .news2 { position: relative; } .news2 .title1 h1 { text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 26px; padding-bottom: 10px; color: #333; font-weight: normal; } .news2 .time { text-align: center; margin-bottom: 18px; } .news2 .time span.sapn1 { font-size: 12px; font-size: 1.2rem; color: #666666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; } .news2 .share1 { position: relative; display: inline-block; width: 226px; margin-left: 25px; top: 7px; } .news2 .share1 .span { color: #666666; font-size: 12px; font-size: 1.2rem; height: 26px; line-height: 26px; top: 10px; margin-right:10px; } .news2 .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; } .news2 .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } .news2 .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; } .news2 .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .news2 .news2x { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; margin-top: 20px; margin-bottom: 40px; } .news2 .news2x p{ text-indent: 2em; } .news2 .news2x a { color: #369be9; line-height: 30px; } .news2 .news2x img { display: block; max-width: 100%;margin:auto; } .news2 .news2x iframe { display: block; max-width: 100%; margin: 0 auto; } .news2 .news2x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; } .news2 .news2x .table table tr td { padding: 3px; border: 1px solid #ccc; } @media screen and (max-width: 1000px) { .news2 .news2x .table { width: 100%; overflow: scroll; } .news2 .news2x .table table { width: 885px; } } .news2 .updown { margin-top: 29px; padding-top: 29px; border-top: 1px solid #cccccc; padding-bottom: 101px; } .news2 .updown .up { margin-top: 0px; margin-bottom: 0px; } .news2 .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news2 .updown p .img { display: inline-block; } .news2 .updown p .img img { display: inline-block; position: relative; top: 7px; margin-right: 3px; } .news2 .updown p .on { color: #369be9; } .news2 .updown p span { font-size: 16px; font-size: 1.6rem; color: #333; } .news2 .updown p a { font-size: 16px; font-size: 1.6rem; color: #333; } .news2 .updown p a:hover { color: #369be9; } @media screen and (max-width: 768px) { .news2 .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } } .about5 { padding-bottom: 100px; padding-top: 21px; } .about5 .title { font-size: 44px; font-size: 4.4rem; font-weight: bold; text-align: center; margin-bottom: 17px; } .about5 .title2 { margin-bottom: 17px; font-size: 16px; font-size: 1.6rem; line-height: 36px; text-align: center; max-width: 704px; margin: 0 auto; color: #5a5a5a; } .about5 .ab_x { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 24px; margin-top: 20px; } .about5 .ab_x a { line-height: 24px; color: #666; } .about5 .ab_x a:hover{ color: #369be9; } .about5 .ab_x img { display: block; max-width: 100%; } .about5 .ab_x iframe { display: block; max-width: 100%; margin: 0 auto; } .about5 .ab_x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border-bottom: 1px solid #ccc; min-width: 885px; } .about5 .ab_x .table table tr th{ line-height: 40px; } .about5 .ab_x .table table tr td { padding: 20px 10px; border-top: 1px solid #ccc; text-align: center;} .about5 .ab_x .table table tr td:nth-child(3){ text-align: left; } .about5 .ab_x table tr:nth-of-type(1) { background: #f4f4f4;height: 80px; } @media screen and (max-width: 1000px) { .about5 .ab_x .table { width: 100%; overflow: scroll; } .about5 .ab_x .table table { width: 885px; } } @media screen and (max-width: 768px) { .about5 { padding-bottom: 40px; } .about5 .title { font-size: 30px; font-size: 3rem; } .about5 .title2 { font-size: 14px; font-size: 1.4rem; } } /* ===============================================================product====================================================== */ /*goods*/ .pro_ul1 { width: 100%; padding-bottom: 30px; } .pro_ul1 li { float: left; margin-left: 12px; width: 287px; margin-bottom: 39px; } .pro_ul1 li:hover .img { -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.21); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.21); } .pro_ul1 li .img { width: 100%; border: 1px solid #dadada; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all; } .pro_ul1 li .img > a { display: block; width: 100%; position: relative; overflow: hidden; } .pro_ul1 li .img > a img { display: block; width: 100%; height: 100%; } .pro_ul1 li .img > a:hover .przz { top: 0; } .pro_ul1 li .wenzi1 { text-align: center; padding-top: 11px; padding-bottom: 13px; } .pro_ul1 li .wenzi1 a { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #555555; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pro_ul1 li .wenzi1 a:hover { color: #369be9; } .pro_ul1 li .wenzi { width: 100%; text-align: center; margin: 0 auto 10px; position: relative; } .pro_ul1 li .wenzi a { display: block; margin: 0 auto; width: 148px; height: 38px; -moz-border-radius: 50px; border-radius: 50px; line-height: 38px; color: #369be9; border: 1px solid #369be9; font-size: 14px; font-size: 1.4rem; text-align: center; color: #369be9; background-color: #fff; } .pro_ul1 li .wenzi a:hover { color: #fff; background-color: #369be9; } .pro_ul1 li .wenzi input { cursor: pointer; position: absolute; left: 18px; top: 11px; } @media screen and (max-width: 1219px) { .pro_ul1 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } .pro_ul1 li .wenzi input { left: 0px; } } @media screen and (max-width: 648px) { .pro_ul1 li { width: 48%; margin-left: 1% !important; margin-right: 1%; } .pro_ul1 li .wenzi a { width: 70%; } .pro_ul1 li .wenzi1 a { font-size: 14px; font-size: 1.4rem; } } /*==========product==================*/ .product .goods { width: 892px; } .product .list { width: 257px; margin-bottom: 50px; position: relative; } .product .list .title1 { width: 100%; margin-bottom: 5px; } .product .list .title1 a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-left: 0px\9; text-indent: 15px\9; display: block; width: 100%; font-size: 24px; font-size: 2.4rem; height: 50px; line-height: 50px; background: #369be9; text-transform: uppercase; color: #fff; } .product .list .subNavBox { width: 100%; } .product .list .subNav { cursor: pointer; background: #fff; border: 1px solid #cccccc; border-bottom: 0px; } .product .list .subNav.div1 { margin-top: 0px; padding-top: 4px; } .product .list .subNav a { padding-right: 30px; display: block; line-height: 25px; padding:12px 25px 11px 13px; background: #369be9 ; color: #fff; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; } .product .list .subNav:hover a { background: #369be9 ; color: #fff; } .product .list .currentDd a { background: #369be9 ; color: #fff; } .product .list .navContent { background-color: #fff; display: none; position: relative; top: 0px; } .product .list .navContent > li { border: 1px solid #cccccc; } .product .list .navContent > li:last-child { border: 1px solid #cccccc; } .product .list .navContent > li { border-bottom: 0px; } .product .list .navContent > li a { padding-right: 30px; padding-left: 15px; background: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-size: 1.4rem; line-height: 48px; color: #333; } .product .list .navContent > li a:hover { color: #333; background: #f2f2f2 ;} .product .list .navContent > li.on a { color: #333; background: #f2f2f2 ; } .product .list .navContent2 { background-color: #fff; display: none; position: relative; top: 0px; border: 1px solid #cccccc; border-top: 0px; border-bottom: 0px; } .product .list .navContent2 > li { border-top: 1px solid #cccccc; border-bottom: 0px; } .product .list .navContent2 > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 48px; color: #333; padding-left: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product .list .navContent2 > li a:hover { color: #333; background: #f2f2f2; } .product .dan_p { display: none; position: absolute; right: 5px; top: 15px; } .product .dan_p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #fff; } @media screen and (max-width: 999px) { .product .dan_p { display: block; } .product .list .subNavBox { display: none; } } @media screen and (max-width: 1219px) { .product .goods { width: 634px; } .product .list { width: 320px; margin-bottom: 30px; } } @media screen and (max-width: 999px) { .product .goods { width: 100%; float: none; } .product .list { width: 100%; float: none; } } /*pro2_wrapper */ .pro2_wrapper { /*mouse hands*/ /* teer.js tsScrollResize offsetWidth*3 */ } .pro2_wrapper #tsShopContainer li, .pro2_wrapper #tsShopContainer img { vertical-align: top; } .pro2_wrapper #tsShopContainer { position: relative; float: left; width: 471px; } .pro2_wrapper #tsShopContainer #tsImgS { text-align: center; width: 100%; position: relative; } .pro2_wrapper #tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; width: 471px !important; } .pro2_wrapper #tsShopContainer #tsImgS img { border: 1px solid #cccccc; } .pro2_wrapper #tsShopContainer #tsPicContainer { width: 100%; position: relative; height: 96px; margin-top: 17px;width: 471px; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrL { width: 21px; position: absolute; top: 0px; left: 0px; cursor: pointer; height: 96px; background: url(../images/zutuleft.png) no-repeat left center; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrR { width: 21px; position: absolute; top: 0px; right: 0px; cursor: pointer; height: 96px; background: url(../images/zuturight.png) no-repeat right center; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrL:hover { background: url(../images/zutulefth.png) no-repeat left center; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrR:hover { background: url(../images/zuturighth.png) no-repeat right center; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon { position: absolute; top: 1px; left: 34px; width: 1px; overflow: hidden; height: 96px; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon ul { width: 100%; overflow: hidden; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon li { width: 134px; float: left; cursor: pointer; margin-left: 0px; margin-bottom: 0; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon li a { display: block; width: 128px; } .pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon li img { display: block; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 126px; height: 94px; } .pro2_wrapper .MagicZoomBigImageCont { border: 1px solid #f0f0f0; background: #FFF; } .pro2_wrapper .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; } .pro2_wrapper .MagicZoomMain { text-align: center !important; width: 92px; } .pro2_wrapper .MagicZoomBigImageCont img { max-width: 942px; display: block; } .pro2_wrapper .content { width: 379px; } .pro2_wrapper .content .title { padding-bottom: 9px; margin-bottom: 24px; border-bottom: 1px solid #cccccc; } .pro2_wrapper .content .title h1 { font-size: 24px; font-size: 2.4rem; font-weight: normal; line-height: 30px; margin: 0 auto; } @media screen and (max-width: 640px) {.pro2_wrapper .content .title h1{ font-size: 16px; font-size: 1.6rem; } } .pro2_wrapper .btnt { max-width: 322px; width: 100%; margin-top: 30px; } .pro2_wrapper .btnt a, .pro2_wrapper .btnt span { display: block; width: 138px; height: 38px; line-height: 38px; text-align: center; color: #369be9; border: 1px solid #369be9; } .pro2_wrapper .btnt a:hover, .pro2_wrapper .btnt span:hover { background: #369be9; color: #fff; } .pro2_wrapper .btnt a.prono:hover{ background: #fff !important; color: #369be9 !important; } .pro2_wrapper .share1 { position: relative; top: 0px; display: inline-block; width: 235px; margin-top: 4px; } .pro2_wrapper .share1 .span4 { font-size: 14px; font-size: 1.4rem; color: #333; height: 26px; line-height: 26px; margin-right: 10px;} .pro2_wrapper .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; } .pro2_wrapper .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } .pro2_wrapper .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; } .pro2_wrapper .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .pro2_wrapper .img980 { display: none; } .pro2_wrapper .img980 .img-scroll { position: relative; width: 100%; } .pro2_wrapper .img980 .img-scroll .prev { position: absolute; display: block; width: 16px; height: 16px; top: 50%; margin-top: -8px; z-index: 99; } .pro2_wrapper .img980 .img-scroll .next { position: absolute; display: block; width: 16px; height: 16px; top: 50%; margin-top: -8px; z-index: 99; } .pro2_wrapper .img980 .prev { left: 0; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; } .pro2_wrapper .img980 .next { right: 0; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; } .pro2_wrapper .img980 .prev:hover { background: url(../images/arrowlefton.png) no-repeat center; } .pro2_wrapper .img980 .next:hover { background: url(../images/arrowrighton.png) no-repeat center; } .pro2_wrapper .img980 .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; } .pro2_wrapper .img980 .img-list ul { width: 1000%; } .pro2_wrapper .img980 .img-list li { float: left; width: 3%; margin-right: .5%; } .pro2_wrapper .img980 .img-list li .m3lien { max-width: 213px; text-align: center; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; margin: 0 auto; } .pro2_wrapper .img980 .img-list li .m3lien img { display: block; max-width: 213px; max-height: 213px; width: 100%; margin: 0 auto; } @media screen and (max-width: 1220px) { .pro2_wrapper .MagicZoomBigImageCont { display: none !important; } .pro2_wrapper .MagicZoomMain { display: none !important; } .pro2_wrapper .MagicZoomPup { display: none !important; } .pro2_wrapper .content { width: 100%; float: none; margin-top: 20px; } .pro2_wrapper #tsShopContainer { margin: 0 auto; max-width: 437px; width: 100%; float: none; } .pro2_wrapper .img-list li { margin: 0 auto; width: 3%; margin-right: .5%; } } @media screen and (max-width: 999px) { .pro2_wrapper #tsShopContainer { display: none; } .pro2_wrapper .img980 { display: block; } .pro2_wrapper .img980 .img-scroll { margin-top: 0px; } .pro2_wrapper .btnt { margin-top: 20px; } } @media screen and (max-width: 768px) { .pro2_wrapper .img980 .img-list li { width: 4.5%; margin-right: 1%; } .pro2_wrapper .btnt a, .pro2_wrapper span { width: 48%; } } .pro_x { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; margin-top: 20px; } .pro_x p, .pro_x span, .pro_x li { color: #333333; text-indent: 2em;} .pro_x a { color: #369be9; line-height: 30px; } .pro_x img { display: block; max-width: 100%; margin: 0 auto; } .pro_x iframe { display: block; max-width: 100%; margin: 0 auto; } .pro_x table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .pro_x table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } @media screen and (max-width: 1000px) { .pro_x .table { width: 100%; overflow: scroll; } .pro_x .table table { width: 885px; } } .pro_x2 { font-size: 14px; font-size: 1.4rem; color: #555555; line-height: 30px; margin-bottom: 20px; margin-top: 20px; } .pro_x2 p, .pro_x2 span, .pro_x2 li { color: #555555;text-indent: 2em; } .pro_x2 a { color: #369be9; line-height: 30px; } .pro_x2 img { display: block; max-width: 100%; margin: 0 auto; } .pro_x2 iframe { display: block; max-width: 100%; margin: 0 auto; } .pro_x2 table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .pro_x2 table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } @media screen and (max-width: 1000px) { .pro_x2 .table { width: 100%; overflow: scroll; } .pro_x2 .table table { width: 885px; } } .pro_x3 { font-size: 14px; font-size: 1.4rem; color: #555555; line-height: 30px; margin-bottom: 20px; margin-top: 20px; } .pro_x3 p, .pro_x3 span, .pro_x3 li { color: #555555;text-indent: 2em; } .pro_x3 p { /*padding-left: 28px; background: url(../images/pro_x3.png) no-repeat left 9px;*/ } .pro_x3 a { color: #369be9; line-height: 30px; } .pro_x3 img { display: block; max-width: 100%; margin: 0 auto; } .pro_x3 iframe { display: block; max-width: 100%; margin: 0 auto; } .pro_x3 table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .pro_x3 table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; } @media screen and (max-width: 1000px) { .pro_x3 .table { width: 100%; overflow: scroll; } .pro_x3 .table table { width: 885px; } } .goods .table table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; text-align: left;} .goods .table table tr td { padding: 3px; border: 1px solid #ccc; background: #fff;text-align: left; } .goods .table table p{ text-indent: 0;} @media screen and (max-width: 1000px) { .goods .table .table { width: 100%; overflow: scroll; } .goods .table .table table { width: 885px; } } /*==========product==================*/ .product #tab { overflow: hidden; width: 100%; text-align: center; padding-top: 58px; } .product #tab li { display: block; float: left; border-left: 2px solid #fff; padding: 0px 10px; cursor: pointer; background: #ededed; margin: 0 auto; line-height: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px\9; width: 200px\0; } .product #tab li:hover { background: #369be9; color: #fff; } .product #tab li.current { background: #369be9; color: #fff; } .product #maln { margin-left: 0 !important; } .product #content .chanxn { display: none; padding-top: 17px; width: 100%; text-indent: 2em;} .product .pro_titl2 { line-height: 45px; margin-top: 50px; background: url(../images/pro_titl2.png) no-repeat left bottom; } .product .pro_titl2 a { font-size: 24px; font-size: 2.4rem; text-transform: uppercase; font-weight: bold; color: #333333; } .product .m-mpro .box-hd { position: relative; } .product .m-mpro .box-btn { position: absolute; top: 17px; width: 12px; height: 24px; background-repeat: no-repeat; background-position: center; } .product .m-mpro .box-btn.prev { right: 32px; background-image: url("../images/zutuleft.png"); } .product .m-mpro .box-btn.prev:hover { background-image: url("../images/zutulefth.png"); } .product .m-mpro .box-btn.next { right: 0; background-image: url("../images/zuturight.png"); } .product .m-mpro .box-btn.next:hover { background-image: url("../images/zuturighth.png"); } .product .m-mpro .box-bd { margin-top: 42px; padding-bottom: 58px; overflow: hidden; } .product .m-mpro .box-list { width: 1000%; overflow: hidden; } .product .m-mpro .list-item { float: left; margin-right: 0.125%; margin-bottom: 49px; width: 3.25%; padding: 3px; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product .m-mpro .item-pic { border: 1px solid #ccc; } .product .m-mpro .item-font { padding: 15px 10px 0 10px; } .product .m-mpro .item-title { text-align: center; height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #555555; text-overflow: ellipsis; white-space: nowrap; } .product .m-mpro .item-title a { color: #555555; } .product .m-mpro .item-title a:hover { color: #369be9; } .product .m-mpro .item-desc { margin-top: 11px; } .product .m-mpro .item-desc a { display: block; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555555; overflow: hidden; } .product .m-mpro .item-desc a:hover { color: #369be9; } @media screen and (max-width: 640px) { .product .m-mpro .list-item { margin-bottom: 0px; margin-left: .1%; margin-right: .1% !important; width: 4.8%; } .product .m-mpro .item-title { font-size: 14px; font-size: 1.4rem; } .product .m-mpro .item-desc a { font-size: 14px; font-size: 1.4rem; } .product #tab li { width: 50%; border: 1px solid #fff; } } @media screen and (max-width: 480px) { .product .m-mpro .list-item {/* margin-left: 0%; margin-right: 0% !important; width: 10%; */} } .news_p a { display: block; background: #f2f2f2; color: #333333; border-left: 2px solid #f2f2f2; padding-left: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px; margin-bottom: 9px; } .news_p a:hover, .news_p a.on { border-color: #369be9; color: #369be9; } .newsl-list { overflow: hidden; padding-bottom: 46px; } .newsl-list .list-item { margin-bottom: 37px; overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: 26px; } .newsl-list .item-pic { float: left; width: 317px; } .newsl-list .item-font { padding-left: 29px; overflow: hidden; } .newsl-list .item-title { font-size: 16px; font-size: 1.6rem; color: #333333; font-weight: bold; line-height: 35px; padding-bottom: 3px; background: url(../images/list.png) no-repeat left bottom; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .newsl-list .item-title a { color: #333; } .newsl-list .item-title a:hover { color: #369be9; } .newsl-list .item-desc { margin-top: 24px; } .newsl-list .item-desc a { display: block; height: 72px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden;text-indent: 2em; } .newsl-list .item-desc a:hover { color: #369be9; } .newsl-list .item-info { margin-top: 35px; overflow: hidden; } .newsl-list .item-link { float: right; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #369be9; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .newsl-list .item-time { float: left; padding-left: 22px; line-height: 32px; font-size: 12px; font-size: 1.2rem; color: #666666; background: url("../images/nsl_06.png") no-repeat left center; } @media screen and (max-width: 767px) { .newsl-list { padding-bottom: 0px; } .newsl-list .list-item { margin-top: 25px; } .newsl-list .item-pic { float: none; width: 100%; max-width: 317px; margin: 0 auto; display: block; } .newsl-list .item-font { margin-top: 20px; padding-left: 0; } .newsl-list .item-title { font-size: 16px; font-size: 1.6rem; } .newsl-list .item-desc { margin-top: 10px; } .newsl-list .item-desc a { display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; max-height: 60px; overflow: hidden; } .newsl-list .item-info { margin-top: 15px; } } .new_ul { padding-bottom: 30px; } .new_ul li { width: 48%; max-width: 413px; margin-bottom: 39px; } .new_ul li:hover { border-color: #369be9; } .new_ul li:hover a { color: #369be9; } .new_ul img { display: block; max-width: 413px; max-height: 291px; width: 100%; margin: 0 auto; } .new_ul a { display: block; } .new_ul .title2 { margin-top: 21px; margin-bottom: 5px; font-size: 16px; font-size: 1.6rem; line-height: 24px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new_ul p a { font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #666666; height: 56px; overflow: hidden; } .new_ul .time { margin-top: 6px; margin-bottom: 3px; font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #333; } @media screen and (max-width: 767px) { .new_ul li { margin-bottom: 20px; } .new_ul .title2 { margin-top: 10px; } .new_ul .time { font-size: 14px; font-size: 1.4rem; line-height: 30px; } } .jef_ul { padding-bottom: 43px; } .jef_ul li { float: left; margin-left: 30px; width: 368px; margin-bottom: 48px; } .jef_ul li:hover .fu { top: 0px; } .jef_ul .wrap { position: relative; overflow: hidden; } .jef_ul .fu { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; } .jef_ul p { margin-top: 5px; color: #333; text-align: center; line-height: 30px; font-size: 16px; font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1219px) { .jef_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; } } @media screen and (max-width: 999px) { .jef_ul .fu { position: absolute; top: 0px; opacity: 0; } } @media screen and (max-width: 768px) { .jef_ul { padding-bottom: 0px; } .jef_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 30px; } .jef_ul p { font-size: 14px; font-size: 1.4rem; } } .jef_ul2 { padding-bottom: 47px; } .jef_ul2 li { float: left; margin-left: 44px; width: 368px; margin-bottom: 44px; } .jef_ul2 .litop { max-width: 368px; position: relative; padding-bottom: 70.22%; height: 0; overflow: hidden; } .jef_ul2 .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .jef_ul2 .litop iframe body { margin: 0px !important; } .jef_ul2 p { margin-top: 11px; color: #333; text-align: center; line-height: 30px; font-size: 16px; font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1219px) { .jef_ul2 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } } @media screen and (max-width: 768px) { .jef_ul2 li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 30px; } .jef_ul2 p { font-size: 14px; font-size: 1.4rem; margin-top: 5px; } } /*==========service==================*/ .service .cobiao2 { display: block; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-transform: uppercase; color: #369be9; line-height: 40px; } .service .coxin { margin-top: 22px; padding-bottom: 98px; } .service .coxin .int1 { padding-left: 18px; background: url(../images/cxing.png) no-repeat left 14px; background: url(../images/cxing.png) no-repeat left 14px\0; background: url(../images/cxing.png) no-repeat left 20px\9; } .service .mat4 { margin-top: 21px; } .service .coxin .int2 { padding-left: 18px; background: url(../images/cxing.png) no-repeat left 6px; margin-top: 21px; } .service .coxin .int2 textarea { font-family: Arial; font-size: 14px; font-size: 1.4rem; color: #999; width: 1168px; height: 131px; line-height: 30px; border: 1px solid #cccccc; padding-left: 11px; } .service .coxin .int3 { font-size: 14px; font-size: 1.4rem; color: #999; padding-left: 18px; background: url(../images/cxing.png) no-repeat left 14px; margin-top: 21px; float: left; } .service .coxin .int3 input { width: 363px; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #999; border: 1px solid #cccccc; padding-left: 11px; } .service .coxin .yanzheng { width: 117px; height: 34px; float: left; margin-left: 50px; margin-top: 21px; cursor: pointer; } .service .coxin .int4 { width: 323px; height: 34px; float: right; margin-top: 21px; background: #007cc2; font-size: 16px; font-size: 1.6rem; color: #fff; text-transform: uppercase; cursor: pointer; } .service .coxin .int4:hover { background: #333; } .service .xuanze { padding-left: 21px; background: url(../images/cxing.png) no-repeat left 14px; float: left; margin-left: 87px; } .service .xuanze2 { padding-left: 21px; float: left; margin-left: 87px; width: 331px\9; } .service .maln { margin-left: auto !important; } .service .m5add { width: 150px; float: left; padding-left: 63px; } .service .m5pho { width: 165px; float: left; margin-left: 34px; padding-left: 63px; } .service .m5mai { width: 165px; float: left; padding-left: 63px; margin-left: 21px; } .service .m5fax { width: 150px; float: left; padding-left: 63px; margin-left: 25px; } .service .m5tu5 { width: 149px; float: right; padding-left: 63px; } .service .cmain5 div { min-height: 81px; } .service .cmain5 div > a { display: block; font-size: 22px; font-size: 2.2rem; line-height: 22px; } .service .cmain5 div p { display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #353944; margin-top: 16px; } .service .cmain5 div p a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #353944; } .service .m5add p a:hover, .service .m5pho p a:hover, .service .m5fax p a:hover { color: #007cc2; } .service .ditu { margin: 53px 0px 80px; } .service .ditu img { width: 100%; max-width: 1200px; max-height: 415px; } .service .coxin .int1 input { height: 32px; line-height: 32px; border: 1px solid #cccccc; font-size: 14px; font-size: 1.4rem; color: #999; padding-left: 11px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3{ width: 320px; float: left; } .service .xuanze3 input{ width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze { float: left; margin-left: 0px\9; width: 320px; padding-left: 21px; background: url(../images/cxing.png) no-repeat left 14px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze input{ width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze2 { float: left; width: 320px; padding-left: 21px; float: left; margin-left: 87px; margin-left: 20px\9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze2 input{ width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 1219px) { .service .lxfs li.no_margin { margin-left: 29px !important; } } @media screen and (min-width: 1000px) and (max-width: 1219px) { .service .xuanze3{ width: 300px; } .service .xuanze { width: 300px; } .service .xuanze2 { width: 300px; } .service .coxin .int2 textarea { width: 950px; } .service .coxin .int2 textarea { width: 950px; } .service .xuanze { margin-left: 5px; } .service .xuanze2 { margin-left: 5px; } .service .cmain5 div { min-height: 90px; margin-bottom: 20px; } .service .m5add { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5pho { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5mai { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5fax { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5tu5 { float: left; width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 999px) { .service .xuanze3 { width: 100%; } .service .coxin { margin-top: 30px; } .service .coxin .int1, .service .coxin .int2 { margin-top: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int1 input { float: none; margin-left: auto; margin-bottom: 21px; } .service .coxin .int2 textarea { width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int3 input { width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3 input{ width: 98%; } .service .coxin .int3 { float: none; } .service .coxin .yanzheng { margin-left: 18px; } .service .coxin .int4 { width: 40%; float: left; margin-left: 11px; } .service .xuanze { margin-left: 0; position: relative; left: -18px; padding-left: 18px; width: 100%; } .service .xuanze2 { margin-left: 0; position: relative; left: -18px; padding-left: 18px; width: 100%; } .service .ditu { margin-top: 20px; } .service .m5add { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5pho { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5mai { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5fax { width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .m5tu5 { float: left; width: 31%; margin-left: 1%; margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .cmain5 div { min-height: 90px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .service .ditu { margin-bottom: 40px; } .service .cmain5 div { padding-left: 0px; background: none !important; } .service .coxin .int2 textarea { width: 97%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3 input { width: 97%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int3 input { width: 97%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .cmain5 div > a { display: block; font-size: 22px; font-size: 2.2rem; line-height: 22px; } } @media screen and (max-width: 639px) { .service .coxin .int2 textarea { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3 input { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int3 input { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .cmain5 div { width: 100%; float: none; min-height: auto; } .service .cmain5 div > a { font-size: 16px; font-size: 1.6rem; } .service .cmain5 div p { margin-top: 0px; } .service .cmain5 div p a { margin-top: 0px; } .service .xinl { width: 100%; } .service .xinr { width: 100%; } .service .coxin { margin-bottom: 40px; } .service .cuxin .int1 input { width: 90%; } .service .cuxin textarea { width: 90%; } .service .cuxin .int4 { width: 25%; } } @media screen and (max-width: 468px) { .service .coxin .int2 textarea { width: 95%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3 input { width: 95%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int3 input { width: 95%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 320px) { .service .coxin .int2 textarea { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3 input { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int3 input { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 300px) { .service .coxin .int2 textarea { width: 94%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .xuanze3 input { width: 94%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .service .coxin .int3 input { width: 94%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /*-------------3-2-service start-----------------------------------------------------------*/ /*faq-search*/ .service4 .faq-search {margin-bottom: 47px;} .faq-search { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ width: 393px; position: relative; } .faq-search ::-webkit-input-placeholder { color: #CCCCCC; } .faq-search :-o-placeholder { color: #CCCCCC; } .faq-search ::-moz-placeholder { color: #CCCCCC; } .faq-search :-ms-input-placeholder { color: #CCCCCC; } .faq-search .faq-input { width: 100%; height: 44px; line-height: 44px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #CCCCCC; font-size: 12px; font-size: 1.2rem; padding: 0 50px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #ccc; } .faq-search .faq-btn { width: 45px; height: 28px; background: url(../images/faq3.png) no-repeat center; border-left: solid 1px #CCCCCC; position: absolute; top: 8px; right: 0; color: #ccc; } @media screen and (max-width: 767px) { .faq-search { width: 100%; max-width: 300px; } .faq-search .faq-input { height: 32px; } .faq-search .faq-btn { top: 2px; } } .subNavBox1 { border-bottom: solid 1px #E6E6E6; margin-bottom: 84px; margin-top: 22px; } .subNav1 { line-height: 28px; padding-bottom: 14px; padding-top: 24px; cursor: pointer; font-size: 16px; font-size: 1.6rem; border-top: solid 1px #E6E6E6; } .subNav1:first-child { border: 0; } .subNav1.currentDt1 a { background: url(../images/faq2.png) no-repeat left 7px; } .subNav1 a { display: block; line-height: 28px; padding-left: 27px; background: url(../images/faq1.png) no-repeat left 7px; } .navContent1 { display: none; line-height: 26px; padding-bottom: 14px; margin-top: -5px; } .navContent1 p { padding-left: 27px; color: #666666; font-size: 16px; font-size: 1.6rem;text-indent: 2em; } @media screen and (max-width: 1219px) { .subNavBox1 { margin: 20px 0 70px; } .navContent1 { margin-top: 0; } } @media screen and (max-width: 999px) { .subNavBox1 { margin: 20px 0 50px; } .subNav1 { padding: 15px 0; } .navContent1 { padding-bottom: 15px; } } @media screen and (max-width: 767px) { .subNavBox1 { margin: 20px 0 30px; } .subNav1 { padding: 10px 0; font-size: 14px; font-size: 1.4rem; } .navContent1 { padding-bottom: 10px; } .navContent1 p { font-size: 14px; font-size: 1.4rem; } } /*-------------3-2-service end-------------------------------------------------------------*/ /*==========service3==================*/ .service3 { padding-bottom: 107px; } .service3 .title1 { text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 26px; padding-bottom: 10px; color: #333; font-weight: normal; } .service3 .time { text-align: center; margin-bottom: 18px; } .service3 .time span.sapn1 { font-size: 12px; font-size: 1.2rem; color: #666666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; } .service3 .share1 { position: relative; display: inline-block; width: 226px; margin-left: 25px; top: 12px; } .service3 .share1 .span { color: #666666; font-size: 12px; font-size: 1.2rem; height: 26px; line-height: 26px; top: 10px; } .service3 .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; } .service3 .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } .service3 .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; } .service3 .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .service3 .news2x { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; margin-top: 33px; text-indent: 2em;} .service3 .news2x a { color: #369be9; line-height: 30px; } .service3 .news2x img { display: block; max-width: 100%; margin-top: 35px; } .service3 .news2x iframe { display: block; max-width: 100%; margin: 0 auto; } .service3 .news2x .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; } .service3 .news2x .table table tr td { padding: 3px; border: 1px solid #ccc; } @media screen and (max-width: 1000px) { .service3 .news2x .table { width: 100%; overflow: scroll; } .service3 .news2x .table table { width: 885px; } } @media screen and (max-width: 768px) { .service3 { padding-bottom: 40px; } .service3 .news2x { margin-top: 10px; } } /*download*/ .download-list { padding-bottom: 41px; margin-top: 22px;} .download-list li { border-bottom: dashed 1px #d1d1d1; margin-bottom: 60px;cursor: pointer; } .download-list .item-btnbox2 { display: none; } .download-list .item-btnbox { height: 29px; margin-top: 32px; margin-left: 118px; } .download-list .item-icon { display: inline-block; width: 24px; height: 40px; margin-right: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .download-list .item-btn { display: inline-block; width: 152px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #369be9; -moz-border-radius: 20px; border-radius: 20px; color: #369be9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .download-list .item-btn:hover { background-color: #369be9; color: #FFFFFF; } .download-list .item-body { padding: 0px 0 16px; overflow: hidden; } .download-list .item-body .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; background: url(../images/down1.png) no-repeat left center; padding-left: 36px; } .download-list .item-body .item-desc { line-height: 28px; margin-top: 10px; min-height: 58px;text-indent: 2em;} @media screen and (max-width: 1219px) { .download-list { padding-bottom: 70px; } } @media screen and (max-width: 999px) { .download-list { padding-bottom: 50px; } .download-list .item-body { padding: 30px 0 16px; } .download-list .item-btnbox { margin-top: 70px; } } @media screen and (max-width: 767px) { .download-list { padding-bottom: 30px; } .download-list .item-btnbox { height: 29px; margin-top: 40px; margin-left: 30px; } .download-list .item-btn { font-size: 12px; font-size: 1.2rem; height: 32px; line-height: 32px; } .download-list .item-icon { height: 32px; } .download-list .item-body { padding: 20px 0 20px; } .download-list .item-body .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; } .download-list .item-body .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 0px; } } @media screen and (max-width: 600px) { .download-list li { padding-bottom: 15px; } .download-list .item-btnbox { float: none; width: 152px; margin: 0 auto; } .download-list .item-btnbox1 { display: none; } .download-list .item-btnbox2 { display: block; } } .cover { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; display: none; } .cover ::-webkit-input-placeholder { color: #666; } .cover :-o-placeholder { color: #666; } .cover ::-moz-placeholder { color: #666; } .cover :-ms-input-placeholder { color: #666; } .covern { background: #fff; width: 520px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 auto; position: relative; padding-top: 38px; padding-bottom: 52px; top: 200px; } .guanbi { position: absolute; top: 8px; right: 12px; cursor: pointer; } .covernr { padding-left: 97px; padding-right: 97px; } .if { line-height: 30px; text-align: center; margin-bottom: 18px; } .mima { width: 326px; height: 50px; line-height: 50px; padding-left: 44px; background: #eeeeee url(../images/password.png) no-repeat 11px center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .xzbtn { width: 142px; height: 42px; line-height: 40px; background: #369be9; color: #fff; border: 1px solid #369be9; text-align: center; margin: 0 auto; display: block; margin-top: 31px; cursor: pointer; } .xzbtn:hover { background: #fff; color: #369be9; } @media screen and (max-width: 767px) { .covern { width: 90%; } .covernr { padding-left: 30px; padding-right: 30px; } .mima { width: 100%; } } @media screen and (max-width: 480px) { .covern { width: 98%; top: 100px; } .covernr { padding-left: 20px; padding-right: 20px; } .if { padding: 0; } } /*-------------3-3-service end-------------------------------------------------------------*/ .service6 { padding-bottom: 63px; } .se6_ul { overflow: hidden; margin-bottom: 58px; } .se6_ul .list-item { margin-bottom: 37px; overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: 26px; } .se6_ul .item-pic { width: 317px; } .se6_ul .item-font { padding-left: 29px; overflow: hidden; } .se6_ul .item-title { font-size: 16px; font-size: 1.6rem; color: #333333; font-weight: bold; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; } .se6_ul .item-title a:hover { color: #369be9; } .se6_ul .item-desc { margin-top: 5px; display: block; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; } .se6_ul .item-desc a{ display: block; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-indent: 2em; } .se6_ul .item-desc p {line-height: 30px;line-height: 30px\0;} .se6_ul .item-desc a:hover { color: #369be9; } @media screen and (max-width: 767px) { .se6_ul { padding-bottom: 0px; } .se6_ul .list-item { margin-top: 25px; } .se6_ul .item-pic { float: none; width: 100%; max-width: 317px; margin: 0 auto; display: block; } .se6_ul .item-font { margin-top: 20px; padding-left: 0; } .se6_ul .item-title { font-size: 16px; font-size: 1.6rem; } .se6_ul .item-desc { margin-top: 10px; } .se6_ul .item-desc a { display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; max-height: 60px; overflow: hidden; } .se6_ul .item-info { margin-top: 15px; } } .se6_ul2 { background: #f2f2f2; padding: 40px 0px; } .se6_ul2 .item-font { padding-left: 0px; padding-right: 29px; overflow: hidden; } /*==========partner2==================*/ .partner2 { padding-bottom: 55px; } .partner2 .title { text-align: center; font-size: 24px; font-size: 2.4rem; padding-bottom: 20px; background: url(../images/contu.png) no-repeat center bottom; text-transform: uppercase; } .partner2 .title2 { max-width: 968px; margin: 0 auto; text-align: center; color: #666666; line-height: 30px; margin-top: 20px; margin-bottom: 51px; } .partner2 .pa_th { max-width: 1109px; margin: 0 auto; } .partner2 .pa_th li { float: left; width: 184px; margin-left: 46px; margin-bottom: 49px; } .partner2 .pa_th li .m3tu{ display: block; border: 1px solid #cccccc; } .partner2 .pa_th li img { display: block; max-width: 184px; max-height: 112px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .partner2 .pa_th li .m3lien { max-width: 184px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; } @media screen and (max-width: 1219px) { .partner2 .pa_th { max-width: 1109px; margin: 0 auto; } .partner2 .pa_th li { width: 23%; margin-left: 1%; margin-right: 1%; } } @media screen and (max-width: 768px) { .partner2 .pa_th { max-width: 1109px; margin: 0 auto; } .partner2 .pa_th li { width: 31%; margin-left: 1%; margin-right: 1%; } } /*==========contact==================*/ .contact { /* contact_top */ /* c_left */ /* c_right */ } .contact .contact_top { background: #f2f2f2; -moz-border-radius: 8px; border-radius: 8px; } .contact .c_left { width: 501px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .contact .c_left img { display: block; } .contact .c_right { float: right; width: 48%; margin-right: 49px; } .contact .c_title2 { line-height: 30px; padding-top: 55px; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-transform: uppercase; color: #369be9; } .contact .title3 { margin-top: 10px; margin-bottom: 29px; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; } .contact li { line-height: 36px; color: #333333; padding-left: 27px; font-size: 16px; font-size: 1.6rem; } .contact li a { color: #333333; } .contact li a:hover{color: #369be9;} .contact .li1 { background: url(../images/li11.png) no-repeat left 8px; } .contact .li2 { background: url(../images/li12.png) no-repeat left center; } .contact .li3 { background: url(../images/li13.png) no-repeat left center; } .contact .li4 { background: url(../images/li14.png) no-repeat left center; } .contact .li5 { background: url(../images/li15.png) no-repeat left center; } .contact .map { margin: 41px auto 100px; } .contact .map img { display: block; max-width: 1200px; max-height: 381px; width: 100%; } @media screen and (max-width: 1219px) { .contact .c_left { width: 49%; } .contact .c_right { float: right; width: 48%; padding-right: 49px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 999px) { .contact .map { margin: 21px auto 41px; } .contact .c_left { width: 100%; float: none; margin: 0 auto; max-width: 501px; } .contact .c_right { width: 95%; float: none; margin: 0 auto; padding-bottom: 30px; } .contact .title3 { font-size: 14px; font-size: 1.4rem; } .contact li { font-size: 14px; font-size: 1.4rem; } } /*==========contact2==================*/ .contact2 { padding-bottom: 78px; } .contact2 .title { text-align: center; font-size: 30px; font-size: 3rem; text-align: center; color: #369be9; line-height: 30px; font-weight: bold; margin-bottom: 20px; } .contact2 .title2 { text-align: center; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 24px; max-width: 907px; margin: 0 auto; } .contact2 .c_xp { width: 100%; max-width: 981px; margin: 0 auto; } .contact2 form { max-width: 1149px; } .contact2 .c_div { margin-top: 40px; } .contact2 .c_div2 { margin-top: 37px; } .contact2 .c_nr { width: 45.3%; } .contact2 .c_input, .contact2 .c_captcha { border-bottom: solid 1px #c7c5c4; font-size: 14px; font-size: 1.4rem; color: #999999; height: 39px; line-height: 37px; } .contact2 .c_input { width: 100%; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact2 .c_textarea { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #999999; background: url(../images/xp-icon5.jpg) no-repeat left 3px; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-bottom: solid 1px #c7c5c4; height: 138px; } .contact2 .c_yzm { float: left; margin-top: 2px; cursor: pointer; margin-right: 13px; } .contact2 .c_captcha { float: left; width: 60%; } .contact2 .c_send { float: right; width: 100%; font-size: 18px; font-size: 1.8rem; background: #369be9; color: #fff; height: 40px; line-height: 38px; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; margin-top: 2px; } .contact2 .c_send:hover { background: #aaa; } .contact2 .c_xpbg1 { background: url(../images/xp-icon1.jpg) no-repeat left 7px; } .contact2 .c_xpbg2 { background: url(../images/xp-icon2.jpg) no-repeat left 7px; } .contact2 .c_xpbg3 { background: url(../images/xp-icon3.jpg) no-repeat left 5px; } .contact2 .c_xpbg4 { background: url(../images/xp-icon4.jpg) no-repeat left 5px; } @media screen and (max-width: 999px) { .contact2 .c_captcha { width: 50%; } .contact2 .c_lx { width: 80%; float: none; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } } @media screen and (max-width: 839px) { .contact2 .c_nr { width: 48%; } } @media screen and (max-width: 759px) { .contact2 .c_div, .contact2 .c_div2 { margin-top: 30px; } .contact2 .c_div2 .c_nr { float: none; width: 100%; } .contact2 .c_send { float: left; margin-top: 30px; } .contact2 .c_captcha { width: 65%; } .contact2 .c_lx { width: 90%; } } @media screen and (max-width: 579px) { .contact2 .title { font-size: 20px; font-size: 2rem; } .contact2 .title2 { font-size: 14px; font-size: 1.4rem; } .contact2 .c_xp { margin-top: 40px; } .contact2 .c_div, .contact2 .c_div2 { margin-top: 0px; } .contact2 .c_nr { float: none; width: 100%; margin: 0 auto; margin-top: 25px; } .contact2 .c_textarea { margin-top: 25px; } .contact2 .c_send { margin-top: 10px; } .contact2 .c_captcha { width: 55%; } } @media screen and (max-width: 459px) { .contact2 .c_captcha { width: 100%; float: left; margin-top: 25px; } } .topcat2 { background: url(../images/bg-about-topcat.png) repeat-x center 25px; text-align: center; margin-bottom: 70px; } .topcat2 .item { display: inline-block; *display: inline; *zoom: 1; margin-left: 105px; *width: 194px; } .topcat2 .item:first-child { margin-left: auto; } .topcat2 .item .title21 { background: #fff; text-transform: uppercase; width: 194px; display: inline-block; font-size: 14px; font-size: 1.4rem; color: #369be9; height: 43px; line-height: 43px; border: 1px solid #369be9; -moz-border-radius: 10px; border-radius: 10px; } .topcat2 .item .title21:hover, .topcat2 .item.on .title21 { background: #369be9; color: #fff; } @media screen and (max-width: 768px) { .topcat2 { background: none; margin-bottom: 20px; } .topcat2 .item { width: 98%; float: none; margin: 10px 0px; } .topcat2 .item .title21 { width: 100%; } } /*# sourceMappingURL=style.css.map */ .ppp {line-height: 30px;} .pro-searchbox { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */float: left; width: 100%; max-width: 393px; height: 44px; border: 1px solid #ccc; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; position: relative; margin-bottom: 47px; } .pro-searchbox ::-webkit-input-placeholder { color: #999; } .pro-searchbox :-o-placeholder { color: #999; } .pro-searchbox ::-moz-placeholder { color: #999; } .pro-searchbox :-ms-input-placeholder { color: #999; } .pro-searchbox .input { width: 100%; height: 100%; padding: 0 60px 0 15px; font-size: 12px; font-size: 1.2rem; color: #999; } .pro-searchbox .btn { width: 45px; height: 28px; background: url(../images/sousuo2.png) no-repeat center; border-left: solid 1px #999; position: absolute; top: 8px; right: 0; } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } @-webkit-keyframes autofill { to { color: #999; background: transparent; } } @media screen and (max-width:1000px){ .contact .map { width:100%; overflow:scroll;} } .service .coxin .int1 ::-webkit-input-placeholder {/* WebKit browsers */ color:#999;} .service .coxin .int1 :-o-placeholder {/* Mozilla Firefox 4 to 18 */ color:#999;} .service .coxin .int1 ::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#999;} .service .coxin .int1 :-ms-input-placeholder {/* Internet Explorer 10+ */ color:#999;} .tex::-webkit-input-placeholder {/* WebKit browsers */ color:#fff;} .tex:-o-placeholder {/* Mozilla Firefox 4 to 18 */ color:#fff;} .tex::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#fff;} .tex:-ms-input-placeholder {/* Internet Explorer 10+ */ color:#fff;} @media screen and (min-width:1220px){ .fixed .header{ position: fixed; width: 100%; top: 0px; background: #fff; z-index: 99999999999999999;} } .chanxn img{ margin-left:-2em;} .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.5); z-index: 99999; } .pass-backdrop { display: none; } .pass-model { width: 421px; position: absolute; left: 50%; margin-left: -210px; top: 50%; margin-top: -200px; background-color: #fff; padding: 10px 28px 34px 22px; } .pass-model .box-title { font-family: verdana, geneva, arial, helvetica, sans-serif; text-align: center; font-size: 30px; font-size: 3rem; text-transform: uppercase; color: #2085e4; margin: 4px 0 27px; } @media screen and (max-width: 767px) { .pass-model .box-title { font-size: 24px; font-size: 2.4rem; margin: 0 0 15px; } } .pass-model .enter { display: inline-block; float: right; cursor: pointer; margin-right: -18px; } .pass-model .enter .iconfont { color: #C0C0C0; font-size: 18px; font-size: 1.8rem; } .pass-model .pass-form input, .pass-model .pass-form textarea { color: #666; font-family: arial, helvetica, sans-serif; } .pass-model .pass-form input { width: 100%; height: 38px; line-height: 38px; padding: 0 10px 0 7px; margin-bottom: 10px; background: #f2f2f2; } .pass-model .pass-form .input100 { position: relative; } .pass-model .pass-form .input100 .iconfont { position: absolute; font-size: 18px; font-size: 1.8rem; color: #333; top: 10px; left: 10px; } .pass-model .pass-form .input100:before { position: absolute; content: ''; width: 6px; height: 38px; background: url(../images/star1.png) no-repeat center; left: -8px; top: 0; } .pass-model .pass-form textarea { height: 126px; width: 100%; line-height: 24px; background: #f2f2f2; padding: 8px 10px 10px 37px; margin-bottom: 10px; display: block; } .pass-model .pass-form .pass-code input { margin-bottom: 0; } .pass-model .pass-form .pass-code .pass-codeinput { width: 130px; background-color: #F2F2F2; padding: 0 10px; margin-right: 9px; } .pass-model .pass-form .pass-code .pass-codebtn { width: 130px; background-color: #2085e4; color: #FFF; padding: 0; text-transform: uppercase; } .pass-model .pass-form .pass-code .pass-codebtn:hover { background-color: #333; } .pass-model .pass-form .pass-code .pass-codeimg { cursor: pointer; vertical-align: middle;} @media only screen and (max-width: 767px) { .pass-model { margin-top: -147px; } .pass-model .pass-form input { height: 32px; line-height: 32px; } .pass-model .pass-form textarea { height: 60px; } .pass-model .pass-form input, .pass-model .pass-form textarea { font-size: 12px; font-size: 1.2rem; } .pass-model .pass-form .pass-code .pass-codeimg { height: 32px; } } @media only screen and (max-width: 450px) { .pass-model { width: 95%; margin-left: -47.5%; margin-top: -168px; } .pass-model .pass-form .pass-code .pass-codebtn { width: 100%; margin-top: 10px; } }